﻿<UserControl x:Class="SLVisifireApp.Area2D1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="800" Height="600" xmlns:vc="clr-namespace:Visifire.Charts;assembly=WPFVisifire.Charts">
    <Grid x:Name="LayoutRoot" Background="White">
        <vc:Chart Theme="Theme1" BorderBrush="Gray" Padding="6" HorizontalAlignment="Left" Width="242" Height="249" VerticalAlignment="Top">
            <vc:Chart.Titles>
                <vc:Title Text="Visifire Area Chart" FontSize="12"/>
            </vc:Chart.Titles>
            <vc:Chart.Series>
                <vc:DataSeries RenderAs="Area" Bevel="False" Cursor="Hand">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint AxisXLabel="Jan" YValue="2020"/>
                        <vc:DataPoint AxisXLabel="Feb" YValue="1562"/>
                        <vc:DataPoint AxisXLabel="Mar" YValue="3282"/>
                        <vc:DataPoint AxisXLabel="Apr" YValue="3098"/>
                        <vc:DataPoint AxisXLabel="May" YValue="5000"/>
                        <vc:DataPoint AxisXLabel="June" YValue="2486"/>
                        <vc:DataPoint AxisXLabel="July" YValue="1034"/>
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
            </vc:Chart.Series>
        </vc:Chart>
        <vc:Chart BorderBrush="Gray" Margin="248,1,269.973,0" Theme="Theme1" Height="248" VerticalAlignment="Top">
            <vc:Chart.Titles>
                <vc:Title Text="Visifire Area Chart" />
            </vc:Chart.Titles>
            <vc:Chart.AxesX>
                <vc:Axis AxisMinimum="0" Interval="1" />
            </vc:Chart.AxesX>
            <vc:Chart.Series>
                <vc:DataSeries Bevel="False" Cursor="Hand" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint XValue="0" YValue="45" />
                        <vc:DataPoint XValue="1" YValue="50" />
                        <vc:DataPoint XValue="2" YValue="43" />
                        <vc:DataPoint XValue="3" YValue="48" />
                        <vc:DataPoint XValue="4" YValue="42" />
                        <vc:DataPoint XValue="5" YValue="62" />
                        <vc:DataPoint XValue="6" YValue="50" />
                        <vc:DataPoint XValue="7" YValue="38" />
                        <vc:DataPoint XValue="8" YValue="50" />
                        <vc:DataPoint XValue="9" YValue="43" />
                        <vc:DataPoint XValue="10" YValue="52" />
                        <vc:DataPoint XValue="11" YValue="42" />
                        <vc:DataPoint XValue="12" YValue="60" />
                        <vc:DataPoint XValue="13" YValue="46" />
                        <vc:DataPoint XValue="14" YValue="36" />
                        <vc:DataPoint XValue="15" YValue="30" />
                        <vc:DataPoint XValue="16" YValue="38" />
                        <vc:DataPoint XValue="17" YValue="32" />
                        <vc:DataPoint XValue="18" YValue="42" />
                        <vc:DataPoint XValue="19" YValue="56" />
                        <vc:DataPoint XValue="20" YValue="40" />
                        <vc:DataPoint XValue="21" YValue="22" />
                        <vc:DataPoint XValue="22" YValue="32" />
                        <vc:DataPoint XValue="23" YValue="37" />
                        <vc:DataPoint XValue="24" YValue="42" />
                        <vc:DataPoint XValue="25" YValue="38" />
                        <vc:DataPoint XValue="26" YValue="34" />
                        <vc:DataPoint XValue="27" YValue="30" />
                        <vc:DataPoint XValue="28" YValue="36" />
                        <vc:DataPoint XValue="29" YValue="42" />
                        <vc:DataPoint XValue="30" YValue="38" />
                        <vc:DataPoint XValue="31" YValue="24" />
                        <vc:DataPoint XValue="32" YValue="28" />
                        <vc:DataPoint XValue="33" YValue="22" />
                        <vc:DataPoint XValue="34" YValue="30" />
                        <vc:DataPoint XValue="35" YValue="35" />
                        <vc:DataPoint XValue="36" YValue="38" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
                <vc:DataSeries Bevel="False" Cursor="Hand" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint XValue="0" YValue="30" />
                        <vc:DataPoint XValue="1" YValue="35" />
                        <vc:DataPoint XValue="2" YValue="26" />
                        <vc:DataPoint XValue="3" YValue="35" />
                        <vc:DataPoint XValue="4" YValue="30" />
                        <vc:DataPoint XValue="5" YValue="42" />
                        <vc:DataPoint XValue="6" YValue="35" />
                        <vc:DataPoint XValue="7" YValue="28" />
                        <vc:DataPoint XValue="8" YValue="22" />
                        <vc:DataPoint XValue="9" YValue="30" />
                        <vc:DataPoint XValue="10" YValue="40" />
                        <vc:DataPoint XValue="11" YValue="32" />
                        <vc:DataPoint XValue="12" YValue="25" />
                        <vc:DataPoint XValue="13" YValue="33" />
                        <vc:DataPoint XValue="14" YValue="24" />
                        <vc:DataPoint XValue="15" YValue="28" />
                        <vc:DataPoint XValue="16" YValue="24" />
                        <vc:DataPoint XValue="17" YValue="30" />
                        <vc:DataPoint XValue="18" YValue="36" />
                        <vc:DataPoint XValue="19" YValue="26" />
                        <vc:DataPoint XValue="20" YValue="32" />
                        <vc:DataPoint XValue="21" YValue="18" />
                        <vc:DataPoint XValue="22" YValue="38" />
                        <vc:DataPoint XValue="23" YValue="28" />
                        <vc:DataPoint XValue="24" YValue="18" />
                        <vc:DataPoint XValue="25" YValue="23" />
                        <vc:DataPoint XValue="26" YValue="28" />
                        <vc:DataPoint XValue="27" YValue="18" />
                        <vc:DataPoint XValue="28" YValue="25" />
                        <vc:DataPoint XValue="29" YValue="32" />
                        <vc:DataPoint XValue="30" YValue="30" />
                        <vc:DataPoint XValue="31" YValue="18" />
                        <vc:DataPoint XValue="32" YValue="22" />
                        <vc:DataPoint XValue="33" YValue="28" />
                        <vc:DataPoint XValue="34" YValue="20" />
                        <vc:DataPoint XValue="35" YValue="28" />
                        <vc:DataPoint XValue="36" YValue="30" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
                <vc:DataSeries Bevel="False" Cursor="Hand" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint XValue="0" YValue="15" />
                        <vc:DataPoint XValue="1" YValue="18" />
                        <vc:DataPoint XValue="2" YValue="12" />
                        <vc:DataPoint XValue="3" YValue="20" />
                        <vc:DataPoint XValue="4" YValue="10" />
                        <vc:DataPoint XValue="5" YValue="18" />
                        <vc:DataPoint XValue="6" YValue="14" />
                        <vc:DataPoint XValue="7" YValue="11" />
                        <vc:DataPoint XValue="8" YValue="8" />
                        <vc:DataPoint XValue="9" YValue="12" />
                        <vc:DataPoint XValue="10" YValue="18" />
                        <vc:DataPoint XValue="11" YValue="12" />
                        <vc:DataPoint XValue="12" YValue="18" />
                        <vc:DataPoint XValue="13" YValue="13" />
                        <vc:DataPoint XValue="14" YValue="9" />
                        <vc:DataPoint XValue="15" YValue="12" />
                        <vc:DataPoint XValue="16" YValue="8" />
                        <vc:DataPoint XValue="17" YValue="12" />
                        <vc:DataPoint XValue="18" YValue="16" />
                        <vc:DataPoint XValue="19" YValue="22" />
                        <vc:DataPoint XValue="20" YValue="14" />
                        <vc:DataPoint XValue="21" YValue="7" />
                        <vc:DataPoint XValue="22" YValue="10" />
                        <vc:DataPoint XValue="23" YValue="13" />
                        <vc:DataPoint XValue="24" YValue="16" />
                        <vc:DataPoint XValue="25" YValue="20" />
                        <vc:DataPoint XValue="26" YValue="10" />
                        <vc:DataPoint XValue="27" YValue="14" />
                        <vc:DataPoint XValue="28" YValue="18" />
                        <vc:DataPoint XValue="29" YValue="22" />
                        <vc:DataPoint XValue="30" YValue="18" />
                        <vc:DataPoint XValue="31" YValue="28" />
                        <vc:DataPoint XValue="32" YValue="18" />
                        <vc:DataPoint XValue="33" YValue="12" />
                        <vc:DataPoint XValue="34" YValue="8" />
                        <vc:DataPoint XValue="35" YValue="12" />
                        <vc:DataPoint XValue="36" YValue="20" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
            </vc:Chart.Series>
        </vc:Chart>
        <vc:Chart BorderBrush="Gray" ColorSet="VisiGray" Theme="Theme3" HorizontalAlignment="Left" Width="242" Margin="0,255,0,0">
            <vc:Chart.Titles>
                <vc:Title Text="Visifire Area Chart" />
            </vc:Chart.Titles>
            <vc:Chart.AxesY>
                <vc:Axis AxisMaximum="90" />
            </vc:Chart.AxesY>
            <vc:Chart.Legends>
                <vc:Legend Background="Transparent" LightingEnabled="False" />
            </vc:Chart.Legends>
            <vc:Chart.Series>
                <vc:DataSeries Bevel="True" Cursor="Hand" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint YValue="10" />
                        <vc:DataPoint YValue="25" />
                        <vc:DataPoint YValue="43" />
                        <vc:DataPoint YValue="76" />
                        <vc:DataPoint YValue="45" />
                        <vc:DataPoint YValue="65" />
                        <vc:DataPoint YValue="21" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
                <vc:DataSeries Bevel="True" Cursor="Hand" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint YValue="5" />
                        <vc:DataPoint YValue="10" />
                        <vc:DataPoint YValue="54" />
                        <vc:DataPoint YValue="30" />
                        <vc:DataPoint YValue="56" />
                        <vc:DataPoint YValue="26" />
                        <vc:DataPoint YValue="76" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
            </vc:Chart.Series>
        </vc:Chart>
        <vc:Chart BorderBrush="Gray" Margin="0,1,0,0" Theme="Theme3" HorizontalAlignment="Right" Width="264.418" Height="248" VerticalAlignment="Top">
            <vc:Chart.Titles>
                <vc:Title Text="Worldwide Hybrid Vehicle Sales" />
            </vc:Chart.Titles>
            <vc:Chart.AxesX>
                <vc:Axis Title="Month" />
            </vc:Chart.AxesX>
            <vc:Chart.AxesY>
                <vc:Axis Title="Units (thousand)" />
                <vc:Axis AxisMaximum="60" AxisType="Secondary" Suffix="%" Title="Percentage Sales" />
            </vc:Chart.AxesY>
            <vc:Chart.Legends>
                <vc:Legend BorderColor="Gray" BorderThickness="0.5" FontSize="10" />
            </vc:Chart.Legends>
            <vc:Chart.Series>
                <vc:DataSeries AxisYType="Primary" Cursor="Hand" LegendText="2007" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint AxisXLabel="Jan" YValue="29.3" />
                        <vc:DataPoint AxisXLabel="Feb" YValue="35.1" />
                        <vc:DataPoint AxisXLabel="Mar" YValue="51.2" />
                        <vc:DataPoint AxisXLabel="Apr" YValue="38.2" />
                        <vc:DataPoint AxisXLabel="May" YValue="57.6" />
                        <vc:DataPoint AxisXLabel="Jun" YValue="49.8" />
                        <vc:DataPoint AxisXLabel="Jul" YValue="43.4" />
                        <vc:DataPoint AxisXLabel="Aug" YValue="36.7" />
                        <vc:DataPoint AxisXLabel="Sep" YValue="38.2" />
                        <vc:DataPoint AxisXLabel="Oct" YValue="38.3" />
                        <vc:DataPoint AxisXLabel="Nov" YValue="40.2" />
                        <vc:DataPoint AxisXLabel="Dec" YValue="41.1" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
                <vc:DataSeries AxisYType="Primary" Cursor="Hand" LegendText="2006" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint YValue="23.7" />
                        <vc:DataPoint YValue="22.3" />
                        <vc:DataPoint YValue="28.7" />
                        <vc:DataPoint YValue="29.2" />
                        <vc:DataPoint YValue="38.3" />
                        <vc:DataPoint YValue="32.2" />
                        <vc:DataPoint YValue="30.1" />
                        <vc:DataPoint YValue="28.1" />
                        <vc:DataPoint YValue="35.7" />
                        <vc:DataPoint YValue="31.6" />
                        <vc:DataPoint YValue="31.2" />
                        <vc:DataPoint YValue="34.9" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
                <vc:DataSeries AxisYType="Secondary" Cursor="Hand" LegendText="Total Percentage Sales" RenderAs="Area" ToolTipText="#AxisXLabel, #YValue">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint YValue="6.36" />
                        <vc:DataPoint YValue="6.88" />
                        <vc:DataPoint YValue="9.58" />
                        <vc:DataPoint YValue="8.08" />
                        <vc:DataPoint YValue="11.5" />
                        <vc:DataPoint YValue="9.84" />
                        <vc:DataPoint YValue="8.82" />
                        <vc:DataPoint YValue="7.77" />
                        <vc:DataPoint YValue="8.86" />
                        <vc:DataPoint YValue="8.38" />
                        <vc:DataPoint YValue="8.56" />
                        <vc:DataPoint YValue="9.12" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
            </vc:Chart.Series>
        </vc:Chart>
        <vc:Chart BorderBrush="Gray" Margin="247.753,255,271,0" ScrollingEnabled="False" Theme="Theme2" View3D="True">
            <vc:Chart.Titles>
                <vc:Title Padding="6" Text="Visifire DateTime Axis Chart" />
            </vc:Chart.Titles>
            <vc:Chart.PlotArea>
                <vc:PlotArea>
                    <vc:PlotArea.Background>
                        <LinearGradientBrush EndPoint="1,1" StartPoint="0,1">
                            <GradientStop Color="#FFE7E7E7" Offset="0.1" />
                            <GradientStop Color="#FFEAEAEA" Offset="0.4" />
                            <GradientStop Color="#FFF8F8F8" Offset="1" />
                        </LinearGradientBrush>
                    </vc:PlotArea.Background>
                </vc:PlotArea>
            </vc:Chart.PlotArea>
            <vc:Chart.AxesX>
                <vc:Axis Interval="1" IntervalType="Years" />
            </vc:Chart.AxesX>
            <vc:Chart.Series>
                <vc:DataSeries RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint XValue="1/2/2001" YValue="3009" />
                        <vc:DataPoint XValue="2/2/2002" YValue="4547" />
                        <vc:DataPoint XValue="8/2/2003" YValue="7047" />
                        <vc:DataPoint XValue="6/2/2004" YValue="6208" />
                        <vc:DataPoint XValue="2/2/2005" YValue="5222" />
                        <vc:DataPoint XValue="8/2/2006" YValue="7047" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
                <vc:DataSeries RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint XValue="1/2/2001" YValue="1042" />
                        <vc:DataPoint XValue="2/2/2002" YValue="2844" />
                        <vc:DataPoint XValue="6/2/2003" YValue="4347" />
                        <vc:DataPoint XValue="8/2/2004" YValue="8208" />
                        <vc:DataPoint XValue="6/2/2005" YValue="5222" />
                        <vc:DataPoint XValue="8/2/2006" YValue="3047" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
            </vc:Chart.Series>
        </vc:Chart>
        <vc:Chart BorderBrush="Gray" Margin="0,255,0,0" Theme="Theme1" View3D="True" HorizontalAlignment="Right" Width="265">
            <vc:Chart.Titles>
                <vc:Title Padding="5" Text="Production Statistics" />
            </vc:Chart.Titles>
            <vc:Chart.AxesY>
                <vc:Axis Title="Production" />
            </vc:Chart.AxesY>
            <vc:Chart.Legends>
                <vc:Legend EntryMargin="5" LabelMargin="3" />
            </vc:Chart.Legends>
            <vc:Chart.Series>
                <vc:DataSeries Cursor="Hand" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint AxisXLabel="2000" YValue="280" />
                        <vc:DataPoint AxisXLabel="2001" YValue="460" />
                        <vc:DataPoint AxisXLabel="2002" YValue="720" />
                        <vc:DataPoint AxisXLabel="2003" YValue="450" />
                        <vc:DataPoint AxisXLabel="2004" YValue="600" />
                        <vc:DataPoint AxisXLabel="2005" YValue="810" />
                        <vc:DataPoint AxisXLabel="2006" YValue="620" />
                        <vc:DataPoint AxisXLabel="2007" YValue="800" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
                <vc:DataSeries Cursor="Hand" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint YValue="330" />
                        <vc:DataPoint YValue="320" />
                        <vc:DataPoint YValue="550" />
                        <vc:DataPoint YValue="420" />
                        <vc:DataPoint YValue="720" />
                        <vc:DataPoint YValue="520" />
                        <vc:DataPoint YValue="346" />
                        <vc:DataPoint YValue="600" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
                <vc:DataSeries Cursor="Hand" RenderAs="Area">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint YValue="180" />
                        <vc:DataPoint YValue="260" />
                        <vc:DataPoint YValue="420" />
                        <vc:DataPoint YValue="234" />
                        <vc:DataPoint YValue="330" />
                        <vc:DataPoint YValue="450" />
                        <vc:DataPoint YValue="620" />
                        <vc:DataPoint YValue="190" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
            </vc:Chart.Series>
        </vc:Chart>
    </Grid>
</UserControl>
